<?php

// no direct access
defined('_JEXEC') or die('Restricted access');

JHTML::stylesheet('individual.css', 'media/com_syncr/');
JHTML::script('individual.js', 'media/com_syncr/'); 

?>
<div class="adminform">
	<div id="centerPane">
		<a href="#" id="rightwardsArrow" class="button"><?php echo JText::_('COPY_CONTENT_FROM_SITE_A_TO_SITE_B'); ?></a>
		<a href="#" id="leftwardsArrow" class="button"><?php echo JText::_('COPY_CONTENT_FROM_SITE_B_TO_SITE_A'); ?></a>
		<fieldet>
			<label for="clear_selection">
				<?php echo JText::_('CLEAR_SELECTION_ON_COMPLETE'); ?>
			</label>
			<input type="checkbox" name="clear" id="clear_selection" checked="checked" />
		</fieldet>
	</div>
	<div class="clear"></div>
	
	<div id="leftPane" class="pane">
		<legend><?php echo JText::_('SITE_A'); ?></legend>
		<fieldset>
			<label for="leftSite"><?php echo JText::_('SITE'); ?></label>
			<span class="field">
				<?php echo $this->lists['sites']['left']; ?>
			</span>
		</fieldset>
		
		<fieldset>
			<label for="leftCategory"><?php echo JText::_('CATEGORY'); ?></label>
			<span class="field">
				<?php echo $this->lists['categories']['left']; ?>
			</span>
		</fieldset>
		
		<fieldset class="full">
			<label for="leftContentSelect"><?php echo JText::_('CONTENT'); ?></label>
			<span id="leftContent" class="field">
				<ul id="leftContentSelect" class="contentSelect">
					<li>- <?php echo JText::_('SELECT_ITEM'); ?> -</li>
				</ul>
				<div class="clr"></div>
			</span>
		</fieldset>
		
		<fieldset class="full">
			<a href="#" class="button reload"><?php echo JText::_('RELOAD'); ?></a>
			<a href="#" class="button forceload"><?php echo JText::_('FORCE_LOAD_CONTENT'); ?></a>
		</fieldset>
	</div>
	
	<div id="rightPane" class="pane">
		<legend><?php echo JText::_('SITE_B'); ?></legend>
		<fieldset>
			<label for="rightSite"><?php echo JText::_('SITE'); ?></label>
			<span class="field">
				<?php echo $this->lists['sites']['right']; ?>
			</span>
		</fieldset>
		
		<fieldset>
			<label for="rightCategory"><?php echo JText::_('CATEGORY'); ?></label>
			<span class="field">
				<?php echo $this->lists['categories']['right']; ?>
			</span>
		</fieldset>
		
		<fieldset class="full">
			<label for="rightContentSelect"><?php echo JText::_('CONTENT'); ?></label>
			<span id="rightContent" class="field">
				<ul id="rightContentSelect" class="contentSelect">
					<li id="c0">- <?php echo JText::_('SELECT ITEM'); ?> -</li>
				</ul>
				<div class="clr"></div>
			</span>
		</fieldset>
		
		<fieldset class="full">
			<a href="#" class="button reload"><?php echo JText::_('RELOAD'); ?></a>
			<a href="#" class="button forceload"><?php echo JText::_('FORCE_LOAD_CONTENT'); ?></a>
		</fieldset>
	</div>
</div>

<!-- queue placeholder | populated with js -->
<div class="queueContainer">
	<div class="queue"></div>
	<div class="clr"></div>
</div>

<!-- Queue element | gets cloned by js and removed -->
<div id="baseQueue" class="queueItem" style="display: none;">
	<div class="task">
		<?php echo JText::_('NOTHING_TO_PROCESS'); ?>
	</div>
	<div class="receive">
		<span><?php echo JText::_('REQUEST'); ?></span>
	</div>
	<div class="send">
		<span><?php echo JText::_('SEND'); ?></span>
	</div>
	<div class="process">
		<span><?php echo JText::_('PROCESS'); ?></span>
	</div>
	
	<div class="clr"></div>
</div>